<?php
/* @var $this RecuperacionController */
/* @var $model Recuperacion */

$this->breadcrumbs = array(
    'Recuperacion' => array('index'),
    'Crear',
);
?>

<h1>Crear Recuperación de Clase</h1>

<div class="form">

    <?php
    $form = $this->beginWidget('CActiveForm', array(
        'id' => 'recuperacion-form',
        'enableAjaxValidation' => false,
    ));
    ?>

    <p class="note">Los campos con <span class="required">*</span> son requeridos.</p>

        <?php echo $form->errorSummary($model); ?>

    <div class="row">
        <?php
        echo CHtml::label('Facultad *', 'facultad');

        $soapClient = new SoapClient(Yii::app()->getParams()->webServiceUrl);
        $facultades = $soapClient->listarFacultades();

        $array = array();
        foreach ($facultades as $facultad) {
            $array[$facultad['org_unid_acad_id']] = $facultad['nombre'];
        }
        echo CHtml::dropDownList(
                'facultad', "", $array, array(
            'prompt' => 'Por favor seleccione...',
            'ajax' => array(
                'type' => 'GET',
                'url' => CController::createUrl('recuperacion/selectfacultad'),
                'update' => '#carrera',
				'beforeSend' => 'function(){
					  $("#loadingCarrera").addClass("loading");}',
                'complete' => 'function(){
					  $("#loadingCarrera").removeClass("loading");}',
            ),
                )
        );
        ?>
    </div>
    <div class="row">
        <?php
        echo CHtml::label('Carrera *', 'carrera');

        $array = array();
        echo CHtml::dropDownList(
                'carrera', "", $array, array(
            'prompt' => 'Por favor seleccione...',
            'ajax' => array(
                'type' => 'GET',
                'url' => CController::createUrl('recuperacion/selectcarrera'),
                'update' => '#periodo',
				'beforeSend' => 'function(){
      $("#loadingPeriodo").addClass("loading");}',
                'complete' => 'function(){
      $("#loadingPeriodo").removeClass("loading");}',
	  ),
	  			'class'=>'fleft',
                )
        );
        ?>
    	<div id="loadingCarrera" class="fleft"></div>

    </div>
    <br/>
    <div class="row">
        <?php
        echo CHtml::label('Periodo *', 'periodo');

        $array = array();
        echo CHtml::dropDownList(
                'periodo', "", $array, array(
            'prompt' => 'Por favor seleccione...',
            'ajax' => array(
                'type' => 'GET',
                'url' => CController::createUrl('recuperacion/selectperiodo'),
                'update' => '#' . CHtml::activeId($model, 'id_curso'),'beforeSend' => 'function(){
      $("#loadingCurso").addClass("loading");}',
                'complete' => 'function(){
      $("#loadingCurso").removeClass("loading");}',
            ),
            'class' => 'fleft',
                )
        );
        ?>
        <div id="loadingPeriodo" class="fleft"></div>

    </div>
    <br />
    <div class="row">
        <?php
        echo $form->labelEx($model, 'id_curso');

        $array = array();
        echo $form->dropDownList($model, 'id_curso', $array, array(
            'prompt' => 'Por favor seleccione...',
			'class'=>'fleft',
			)
        );
        ?>
        <?php echo $form->error($model, 'id_curso'); ?>
    	<div id="loadingCurso" class="fleft"></div>
    </div>
	<br />
    <div class="row">
        <?php echo $form->labelEx($model, 'fecha_clase'); ?>
        <?php echo $form->textField($model, 'fecha_clase',array('class'=>'fleft')); ?>
                <div id="loadingFecha1" class="fleft" style="margin-left: 50px; margin-top: -30px;"></div>
        <?php echo $form->error($model, 'fecha_clase'); ?>
    </div>
	<br />
    <div class="row">
<?php echo $form->labelEx($model, 'fecha_recuperacion'); ?>
<?php echo $form->textField($model, 'fecha_recuperacion',array('class'=>'fleft')); ?>
        <div id="loadingFecha2" class="fleft" style="margin-left: 50px; margin-top: -30px;"></div>
        <?php echo $form->error($model, 'fecha_recuperacion'); ?>
    </div>
	<br />
    <div class="row">
<?php echo $form->labelEx($model, 'hora'); ?>
<?php echo $form->textField($model, 'hora'); ?>
        <?php echo $form->error($model, 'hora'); ?>
    </div>

    <div class="row">
<?php echo $form->labelEx($model, 'motivo'); ?>
<?php
echo CHtml::dropDownList(
        'm', '', array(
    '1' => 'Feriado',
    '2' => 'Asueto',
    '3' => 'Ausencia del profesor',
    '4' => 'Suspension de clase',
    '9' => 'Otro (especifique)',
        ), array(
    'prompt' => 'Por favor seleccione...',
        )
);
?>
        <?php echo $form->error($model, 'motivo'); ?>
    </div>

    <div class="row" id="motivo" style="display:none;">
        <?php echo $form->textField($model, 'motivo'); ?>
    </div>	

    <div class="row buttons">
        <?php echo CHtml::submitButton($model->isNewRecord ? 'Crear' : 'Guardar'); ?>
    </div>

        <?php $this->endWidget(); ?>

    <script type="text/javascript">
        $(document).ready(function() {

            var dias = [];
            var fechas = [];
            var mindate, maxdate;

            $.datepicker.setDefaults({
                dayNamesMin: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
                dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
                dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
                monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                showOn: "button",
                buttonImageOnly: true,
                buttonImage: "<?php echo Yii::app()->theme->baseUrl; ?>/css/images/calendar.png",
                buttonText: "Mostrar calendario",
                dateFormat: "yy-mm-dd",
                firstDay: 1,
                prevText: 'MM',
                nextText: 'MM',
                duration: 300,
                navigationAsDateFormat: true,
            });

            function sinClase(date) {
                var day = date.getDay();
                var f = $.datepicker.formatDate("yy-mm-dd", new Date(date.toISOString()));
                if ($.inArray(f, fechas) == 0) //0: esta, -1: no esta
                    return [false, 'classPass', 'Ya hay una recuperacion marcada para esta clase'];
                if ($.inArray(day, dias) == -1) //0: esta, -1: no esta
                    return [false, 'noClass', 'No Hay clase ese dia'];
                return [true, '', ''];
            }


            $('#Recuperacion_fecha_clase').datepicker({beforeShowDay: sinClase});
            $('#Recuperacion_fecha_recuperacion').datepicker();


            $('#m').change(function(e) {
                var sel = parseInt($('#m').val());
                switch (sel) {
                    case 1:
                        $('#motivo').hide(200);
                        $('#Recuperacion_motivo').val('Feriado');
                        break;
                    case 2:
                        $('#motivo').hide(200);
                        $('#Recuperacion_motivo').val('Asueto');
                        break;
                    case 3:
                        $('#motivo').hide(200);
                        $('#Recuperacion_motivo').val('Ausencia del profesor');
                        break;
                    case 4:
                        $('#motivo').hide(200);
                        $('#Recuperacion_motivo').val('Suspension de clase');
                        break;
                    case 9:
                        $('#motivo').show(500);
                        $('#Recuperacion_motivo').val('');
                        $('#Recuperacion_motivo').focus();
                        break;
                    default:
                        $('#Recuperacion_motivo').val('No especificado');
                        break;
                }
            });

            $('#<?php echo CHtml::activeId($model, 'id_curso'); ?>').change(function(e) {
                var url = "<?php echo Yii::app()->createUrl('/recuperacion/clases'); ?>";
                url = url + '?idCurso=' + $('#<?php echo CHtml::activeId($model, 'id_curso'); ?>').val();
				$('#loadingFecha1').addClass("loading");
				$('#loadingFecha2').addClass("loading");
                $.get(url, function(data) {
                    dias = data.dias;
                    fechas = data.fechas;
                    mindate = data.minDate;
                    maxdate = data.maxDate;
                    $("#Recuperacion_fecha_clase").datepicker("option", "maxDate", maxdate);
                    $("#Recuperacion_fecha_clase").datepicker("option", "minDate", mindate);
                    $("#Recuperacion_fecha_recuperacion").datepicker("option", "maxDate", maxdate);
                    $("#Recuperacion_fecha_recuperacion").datepicker("option", "minDate", mindate);
					$('#loadingFecha1').removeClass("loading");
					$('#loadingFecha2').removeClass("loading");
                });
            });
        });
    </script>

</div><!-- form -->